<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>DCV模拟推送工具</title>
<!-- load stylesheets -->
<link rel="stylesheet" href="css/googleapis.css">
<!-- Google web font "Open Sans" -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Bootstrap style -->
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Magnific pop up style, http://dimsemenov.com/plugins/magnific-popup/ -->
<link rel="stylesheet" href="css/templatemo-style.css">
<!-- Templatemo style -->
<link rel="stylesheet" href="css/buttons.css">

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
	<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
	<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
	<script>
		function ChangeDiv(divId, divName, zDivCount) {
			for (i = 0; i <= zDivCount; i++) {
				document.getElementById(divName + i).style.display = "none";
			}
			document.getElementById(divName + divId).style.display = "block";
		}
	</script>
	<div class="container">
		<div class="row">
			<div class="tm-left-right-container">
				<!-- Left column: logo and menu -->
				<div class="tm-blue-bg tm-left-column">
					<div class="tm-logo-div text-xs-center">
						<a href="index.html"><img src="img/tm-neaty-logo.png"
							alt="Logo"></a>
						<!-- <h1 class="tm-site-name"><a href="index.html">Uinnova</a></h1> -->
					</div>
					<nav class="tm-main-nav">
						<ul class="tm-main-nav-ul">
							<li class="tm-nav-item"><a href="pref_one.html"
								class="tm-nav-item-link">布局推送(动环)</a></li>
							<li class="tm-nav-item"><a href="pref_one_one.html"
								class="tm-nav-item-link">编号推送(动环)</a></li>
							<li class="tm-nav-item"><a href="prefs.html"
								class="tm-nav-item-link">编号推送(服务器)</a></li>
							<li class="tm-nav-item"><a href="prefss.html"
								class="tm-nav-item-link">编号推送(CI)</a></li>
							<li class="tm-nav-item"><a href="perfsetupout.action"
								class="tm-nav-item-link">▣&nbsp;值域范围设置</a></li>
						</ul>
					</nav>
				</div>
				<!-- Left column: logo and menu -->

				<!-- Right column: content -->
				<div class="tm-right-column">


					<div class="tm-content-div">
						<!-- Welcome section -->
						<!-- Welcome -->
						<br></br> <br></br> <span
							onclick="JavaScript:ChangeDiv('0','JKDiv_',2)"
							class="button button-glow button-border button-rounded button-primary">Tarsier</span>
						<span onclick="JavaScript:ChangeDiv('1','JKDiv_',2)"
							class="button button-glow button-border button-action button-primary">Itvop</span>
						<span onclick="JavaScript:ChangeDiv('2','JKDiv_',2)"
							class="button button-glow button-border button-caution button-primary">使用说明</span>
						<br></br>
						<div id="JKDiv_0" style="font-size: 19px;">
							<!-- Second Gallery section -->
							<section id="two" class="tm-section">
								<header>
									<h2 class="tm-blue-text tm-section-title tm-margin-b-30">Tarsier-上传布局文件</h2>
								</header>
								<div class="row">
									<div class="col-lg-6">
										<form action="uploadJsonPrefs.action" method="post"
											enctype="multipart/form-data" class="contact-form">
											<div class="form-group">
												<input type="file" id="file" name="file"
													class="form-control" placeholder="场景布局文件"
													accept=".json,.js" required />
											</div>
											<div class="form-group">
												<input type="text" id="fangjian" name="fangjian"
													class="form-control" placeholder="房间编号" />
											</div>
											<div class="form-group">
												<input type="text" id="url" name="url" class="form-control"
													placeholder="推送URL" required />
											</div>
											<div class="form-group">
												<label class="demo--label"><font color="005AB5"
													size="4" face="幼圆">全选</font>&nbsp;<input id="all"
													class="demo--radio" name="all" type="checkbox" value="全部" /><span
													class="demo--checkbox demo--radioInput"></span></label>
												&nbsp;&nbsp; <label class="demo--label"><font
													color="005AB5" size="4" face="幼圆">温湿度</font>&nbsp;<input
													id="wenshidu" class="demo--radio" name="wenshidu"
													type="checkbox" value="温湿度" /><span
													class="demo--checkbox demo--radioInput"></span></label>
												&nbsp;&nbsp; <label class="demo--label"><font
													color="005AB5" size="4" face="幼圆">空调</font>&nbsp;<input
													id="kongtiao" class="demo--radio" name="kongtiao"
													type="checkbox" value="空调" /><span
													class="demo--checkbox demo--radioInput"></span></label>
												&nbsp;&nbsp; <label class="demo--label"><font
													color="005AB5" size="4" face="幼圆">配电柜</font>&nbsp;<input
													id="peidiangui" class="demo--radio" name="peidiangui"
													type="checkbox" value="配电柜" /><span
													class="demo--checkbox demo--radioInput"></span></label>
												&nbsp;&nbsp; <label class="demo--label"><font
													color="005AB5" size="4" face="幼圆">UPS</font>&nbsp;<input
													id="UPS" class="demo--radio" name="UPS" type="checkbox"
													value="UPS" /><span class="demo--checkbox demo--radioInput"></span></label>
												&nbsp;&nbsp; <label class="demo--label"><font
													color="005AB5" size="4" face="幼圆">发电机</font>&nbsp;<input
													id="fadianji" class="demo--radio" name="fadianji"
													type="checkbox" value="发电机" /><span
													class="demo--checkbox demo--radioInput"></span></label>
											</div>
											<!--
									<div class="form-group">
										<input type="email" id="contact_email" name="contact_email" class="form-control" placeholder="Email"  required/>
									</div>
									<div class="form-group">
										<textarea id="contact_message" name="contact_message" class="form-control" rows="9" placeholder="Message" required></textarea>
									</div>      
                        -->
											<button type="submit" class="float-right tm-button">上传</button>
											<button type="button" onclick="javascript:history.back(-1);"
												class="float-right tm-button">返回</button>
										</form>
									</div>

									<div class="col-lg-6 tm-contact-right">
										<address>场景布局文件（只支持.json文件和.js文件）</address>
										<address>房间编号，多房间以英文逗号","为分隔符（不填即默认向所有房间推送数据）</address>
										<p>NOAH服务（NOAH服务URL-目前仅支持REST接口）</p>
										<address>请选择所需要推送的动环类型（或全部选定）</address>
									</div>
								</div>
							</section>
							<br></br> <br></br> <br></br>
						</div>
						<div id="JKDiv_1" style="display: none; font-size: 19px;">
							<!-- Second Gallery section -->
							<section id="two" class="tm-section">
								<header>
									<h2 class="tm-blue-text tm-section-title tm-margin-b-30">Itvop-上传布局文件</h2>
								</header>
								<div class="row">
									<div class="col-lg-6">
										<form action="uploadJsonPref.action" method="post"
											enctype="multipart/form-data" class="contact-form">
											<div class="form-group">
												<input type="file" id="file" name="file"
													class="form-control" placeholder="场景布局文件"
													accept=".json,.js" required />
											</div>
											<div class="form-group">
												<input type="text" id="fangjian" name="fangjian"
													class="form-control" placeholder="房间编号" />
											</div>
											<div class="form-group">
												<input type="text" id="ip" name="ip" class="form-control"
													placeholder="推送目标IP" />
											</div>
											<div class="form-group">
												<label class="demo--label"><font color="005AB5"
													size="4" face="幼圆">全选</font>&nbsp;<input id="all"
													class="demo--radio" name="all" type="checkbox" value="全部" /><span
													class="demo--checkbox demo--radioInput"></span></label>
												&nbsp;&nbsp; <label class="demo--label"><font
													color="005AB5" size="4" face="幼圆">温湿度</font>&nbsp;<input
													id="wenshidu" class="demo--radio" name="wenshidu"
													type="checkbox" value="温湿度" /><span
													class="demo--checkbox demo--radioInput"></span></label>
												&nbsp;&nbsp; <label class="demo--label"><font
													color="005AB5" size="4" face="幼圆">空调</font>&nbsp;<input
													id="kongtiao" class="demo--radio" name="kongtiao"
													type="checkbox" value="空调" /><span
													class="demo--checkbox demo--radioInput"></span></label>
												&nbsp;&nbsp; <label class="demo--label"><font
													color="005AB5" size="4" face="幼圆">配电柜</font>&nbsp;<input
													id="peidiangui" class="demo--radio" name="peidiangui"
													type="checkbox" value="配电柜" /><span
													class="demo--checkbox demo--radioInput"></span></label>
												&nbsp;&nbsp; <label class="demo--label"><font
													color="005AB5" size="4" face="幼圆">UPS</font>&nbsp;<input
													id="UPS" class="demo--radio" name="UPS" type="checkbox"
													value="UPS" /><span class="demo--checkbox demo--radioInput"></span></label>
												&nbsp;&nbsp; <label class="demo--label"><font
													color="005AB5" size="4" face="幼圆">发电机</font>&nbsp;<input
													id="fadianji" class="demo--radio" name="fadianji"
													type="checkbox" value="发电机" /><span
													class="demo--checkbox demo--radioInput"></span></label>
											</div>
											<!--
									<div class="form-group">
										<input type="email" id="contact_email" name="contact_email" class="form-control" placeholder="Email"  required/>
									</div>
									<div class="form-group">
										<textarea id="contact_message" name="contact_message" class="form-control" rows="9" placeholder="Message" required></textarea>
									</div>      
                        -->
											<button type="submit" class="float-right tm-button">上传</button>
											<button type="button" onclick="javascript:history.back(-1);"
												class="float-right tm-button">返回</button>
										</form>
									</div>

									<div class="col-lg-6 tm-contact-right">
										<address>场景布局文件（只支持.json文件和.js文件）</address>
										<address>房间编号，多房间以英文逗号","为分隔符（不填即默认向所有房间推送数据）</address>
										<p>服务器IP（推送的目标IP,不填即默认127.0.0.1）</p>
										<address>请选择所需要推送的动环类型（或全部选定）</address>
									</div>
								</div>
							</section>
							<br></br> <br></br> <br></br>
						</div>
						<div id="JKDiv_2" style="display: none; font-size: 19px;">
							<section id="about" class="tm-section">
								<div class="row">
									<img src="img/perf1.png" alt="Image" class="img-fluid">
								</div>
							</section>
						</div>
					</div>
				</div>
				<!-- Right column: content -->
			</div>
		</div>
		<!-- row -->
	</div>
	<!-- container -->

	<!-- load JS files -->
	<script src="js/jquery-1.11.3.min.js"></script>
	<!-- jQuery (https://jquery.com/download/) -->
	<script src="js/jquery.magnific-popup.min.js"></script>
	<!-- Magnific pop-up (http://dimsemenov.com/plugins/magnific-popup/) -->
	<script src="js/jquery.singlePageNav.min.js"></script>
	<!-- Single Page Nav (https://github.com/ChrisWojcik/single-page-nav) -->

</body>
</html>